<!--语义化 命令当前文件位html格式-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--    用于搜索引擎爬虫-->
    <meta name="参数" content="具体的描述">
    <!--    用于告诉搜索引擎，你网页的关键字-->
    <meta name="keywords" content="Lxxyx,博客，文科生，前端">
    <!--   用于告诉搜索引擎，你网站的主要内容。 -->
    <meta name="description" content="文科生，热爱前端与编程。目前大二，这是我的前端博客">
    <title>区分每一个标签/让用户更好的记住你的网站</title>
    <!--    -->
    <link rel="shortcut icon" href="../img/9_8hh4.jpg" type="image/x-icon"/>
    <link>
    <!--    写css样式的地方-->
    <style>

    </style>

    <!--    写js的地方-->
    <!--    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>-->
    <script src="../js/jquery-3.6.0.min.js"></script>

    <!--    可以连接css样式-->
    <link rel="stylesheet" href="../css/home.css">
    <script src="../js/common.js"></script>

</head>
<body class="home">
<!-- 书写项目的开始，需要查看所有功能模块，将项目的需求了解-->
<!--写注释目的：是为了下一个程序员读-->
<!--div  默认宽度位浏览器的宽度，高度为0，默认透明 -->
<!--如果想让div看得见 我们可以设置div的边框 ，设置div的背景-->
<!--所有的id命名规范   小驼峰
大驼峰命名 username UserNameAndPassWord
小驼峰式命名    用户名  username userNameAndPassWord

如果是css user-name-and-pass-word
所有css  建议用类选择器
所有js 建议用id选择器
将css和html分开--解耦   各做各的事情
margin
padding
border
-->
<div class="content">
    <div id="topHtml"></div>
    <div class="middle">
        <div>
            <div class="left">
                <div class="title">较新动态</div>
                <div>
                    <div><img src="../img/m331.jpg" height="190" width="268"/></div>
                    <div>
                        <div>
                            <div>日本较大抹茶餐饮七叶和茶登陆上海.
                            </div>
                            <div>日本较大的抹茶餐饮连锁正式登陆上海式登陆上海式登陆上海，其中</div>
                        </div>
                        <div>
                            <div>北京年内推出早餐“规范店”和“示范店”

                            </div>
                            <div>北京市商务委相关负相关负相关负相关负责人在日前召开的本市</div>
                        </div>
                        <div>
                            <div>成都督饮企业进中国业进2009业进2009业进2009业进2009餐饮百强可获奖5万
                            </div>
                            <div> 成都餐饮企业进2009业进2009业进2009业进2009年度中国餐饮百强榜</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="right">
                <div class="title">产品展示</div>
                <div>
                    <div>
                        <div><img src="../img/48_j53b.jpg" height="150" width="180"/></div>
                        <div>
                            <div>蚂蚁上树蚂蚁上树蚂蚁上树蚂蚁上树</div>
                            <div>粉丝两百，猪肉五十克</div>
                        </div>
                    </div>
                    <div>
                        <div><img src="../img/48_j53b.jpg" height="150" width="180"/></div>
                        <div>
                            <div>蚂蚁上树</div>
                            <div>粉丝两百，猪肉五十克粉丝两百，猪肉五十克粉丝两百，猪肉五十克粉丝两百，猪肉五十克粉丝两百，猪肉五十克</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="footHtml"></div>
</div>
</body>
</html>